import { type ComponentPropsWithoutRef, type FC, useId } from 'react'

type Props = ComponentPropsWithoutRef<'svg'>

export const JackNoResult: FC<Props> = (props) => {
  const clipPathId = useId()
  const filterId = useId()
  const maskId = useId()
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={108}
      height={98}
      viewBox="0 0 108 98"
      fill="none"
      aria-label="Jack No Result"
      role="img"
      {...props}
    >
      <g clipPath={`url(#${clipPathId})`}>
        <g filter={`url(#${filterId})`}>
          <path
            d="M38.3202 5.44006C38.8102 5.44006 39.2402 5.15006 39.3902 4.69006C39.8202 3.36006 40.8202 0.800058 42.1702 0.560058C45.9602 -0.109942 47.3102 5.86006 47.5702 7.25006C47.6102 7.44006 47.6902 7.62006 47.8202 7.77006C49.2702 9.41006 57.9602 19.3901 59.9902 24.6801C60.1502 25.1001 60.5702 25.3701 61.0302 25.3701C64.7902 25.4101 65.7102 22.9601 67.6102 23.6201C67.7802 23.6801 67.9402 23.7901 68.0502 23.9301C70.8202 27.2001 67.4902 32.8401 64.4202 35.1901C64.0702 35.4601 63.9402 35.9201 64.0502 36.3501C65.8902 43.4001 72.6202 39.3301 73.4702 44.1901C74.3202 49.0501 66.8002 47.9901 65.3202 49.3801C63.8402 50.7701 67.3302 55.2201 63.3802 58.3301C60.2002 60.8401 53.2102 55.0501 48.4202 55.9501C43.6302 56.8501 41.1102 68.6801 32.0202 69.1901C22.9302 69.7001 24.4902 62.7501 19.2602 63.3301C14.0302 63.9101 8.37025 65.7401 5.14025 65.4701C2.16025 65.2201 -0.0597541 63.8701 0.600246 61.5401C2.13025 56.2001 5.67025 56.9501 6.59025 52.1601C7.51025 47.3701 6.09025 46.9601 6.18025 34.2701C6.20025 30.8301 7.52025 23.9101 7.85025 22.2401C7.90025 22.0001 7.86025 21.7601 7.76025 21.5501C6.95025 19.9401 3.62025 12.7801 7.04025 10.9601C10.8902 8.91006 13.5702 13.1101 15.0402 11.3101C18.3202 7.31006 32.8602 5.34006 38.3102 5.44006H38.3202Z"
            fill="#141616"
          />
        </g>
        <path
          d="M42.2568 1.05176C43.8113 0.776959 44.9329 1.8301 45.7529 3.36816C46.4591 4.69284 46.8473 6.22071 47.0186 7.03809L47.0791 7.3418L47.0811 7.35352C47.1288 7.57983 47.2207 7.80808 47.373 8.01172L47.4424 8.09766L47.4453 8.10156C48.1669 8.91765 50.6947 11.8137 53.293 15.1631C55.7423 18.3205 58.2101 21.8244 59.3203 24.3643L59.5234 24.8594C59.7632 25.4871 60.378 25.8672 61.0254 25.8691V25.8701L61.0283 25.8691L61.0303 25.8701V25.8691C63.0363 25.8893 64.2967 25.2396 65.2617 24.6992C66.2567 24.1421 66.7466 23.8517 67.4424 24.0918H67.4434C67.5314 24.1229 67.6106 24.1799 67.6572 24.2393L67.6689 24.2529C68.8757 25.6776 68.8034 27.6739 67.9629 29.7148C67.1792 31.6176 65.7723 33.4296 64.3916 34.5732L64.1162 34.793L64.1152 34.7939C63.6201 35.1759 63.4359 35.793 63.541 36.3613L63.5654 36.4736L63.5664 36.4766C64.05 38.3294 64.8705 39.4999 65.876 40.2637C66.8679 41.017 67.9971 41.3399 69.0176 41.5781C70.0775 41.8256 70.9603 41.976 71.665 42.3486C72.3093 42.6894 72.7921 43.2159 72.9775 44.2764C73.1652 45.3496 72.8909 46.0244 72.4111 46.502C71.8987 47.0119 71.0982 47.3504 70.1416 47.6025C69.184 47.8549 68.1771 47.9965 67.2441 48.1748C66.7894 48.2617 66.3517 48.3586 65.9746 48.4824C65.6519 48.5884 65.3338 48.7264 65.082 48.9258L64.9775 49.0156C64.4239 49.5358 64.3916 50.2952 64.4502 50.9707C64.4808 51.3233 64.5422 51.7037 64.6045 52.084C64.6678 52.4703 64.7335 52.8631 64.7803 53.2676C64.8739 54.0767 64.8861 54.8923 64.6611 55.6768C64.4531 56.4018 64.0342 57.1266 63.2354 57.8027L63.0713 57.9375H63.0703C62.4321 58.4412 61.5654 58.5633 60.4482 58.3965C59.3298 58.2295 58.0548 57.7876 56.6787 57.2754C55.3213 56.7702 53.8693 56.1971 52.4629 55.8125C51.0575 55.4282 49.6358 55.2133 48.3281 55.459C46.9492 55.7181 45.7965 56.747 44.7334 58.0039C43.6723 59.2584 42.5872 60.8864 41.4336 62.415C39.1514 65.4391 36.4699 68.2667 32.3916 68.6602L31.9922 68.6904C29.7838 68.8143 28.2629 68.4833 27.1396 67.9551C26.0163 67.4267 25.2496 66.6823 24.5693 65.9043C23.9125 65.153 23.2705 64.2789 22.4873 63.6768C21.6543 63.0366 20.6419 62.6737 19.2051 62.833C16.562 63.1261 13.8091 63.7353 11.3516 64.2285C9.01787 64.6969 6.98323 65.053 5.47656 64.9902L5.18164 64.9717C3.74085 64.8508 2.55107 64.4667 1.81348 63.8906C1.45063 63.6072 1.20814 63.2867 1.08398 62.9355C0.960957 62.5874 0.940956 62.1732 1.08105 61.6777C1.80689 59.1445 2.98896 58.0744 4.15918 57.0146C4.74985 56.4798 5.36789 55.9221 5.88965 55.1836C6.41798 54.4357 6.8384 53.5173 7.08105 52.2539C7.55513 49.7854 7.42416 48.4262 7.19434 46.1279C6.9809 43.9936 6.67605 40.9983 6.67578 35.4238L6.68066 34.2734C6.70033 30.8914 8.00752 24.0236 8.34082 22.3369L8.33984 22.3359C8.40377 22.0229 8.36546 21.717 8.26074 21.4482L8.21191 21.335L8.20703 21.3252L8.03027 20.9668C7.56179 19.9935 6.73279 18.1116 6.30176 16.2227C6.05493 15.1409 5.94887 14.0977 6.08984 13.2373C6.21978 12.4445 6.55031 11.8429 7.15137 11.4727L7.27539 11.4014C8.99 10.4885 10.4337 10.9461 11.7363 11.501C12.3576 11.7657 13.0275 12.0939 13.6094 12.2158C13.9159 12.28 14.2427 12.2997 14.5664 12.21C14.8986 12.1178 15.1864 11.9215 15.4277 11.626L15.4268 11.625C16.1618 10.7294 17.5839 9.89589 19.4756 9.15723C21.3498 8.42541 23.6155 7.81389 25.9629 7.32715C30.3683 6.41367 35.0026 5.95035 37.7725 5.93652L38.3008 5.94043H38.3203C38.9657 5.9404 39.5638 5.57739 39.8193 4.96973L39.8652 4.84473L39.8662 4.84375C40.0772 4.19124 40.4219 3.25516 40.8701 2.46191C41.0943 2.06511 41.3349 1.72242 41.583 1.4707C41.8337 1.21642 42.0605 1.08781 42.2578 1.05273L42.2568 1.05176Z"
          stroke="#1DED83"
        />
        <path
          d="M77.0697 54.08L37.8797 76.91C37.1397 77.34 36.2197 76.81 36.2197 75.96V43.31C36.2197 42.89 36.4597 42.5 36.8397 42.32L76.0297 23.16C76.7597 22.8 77.6197 23.34 77.6197 24.15V53.14C77.6197 53.53 77.4097 53.9 77.0697 54.09V54.08Z"
          fill="#141616"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M45.7471 20.7681C46.0548 20.6356 46.4761 20.7037 46.9658 21.0659C47.4468 21.4217 47.904 22.0059 48.2031 22.6753C48.5029 23.346 48.6217 24.0509 48.4951 24.6489C48.3814 25.1862 48.064 25.6742 47.4102 26.0093L47.2744 26.0737L47.2734 26.0747C46.5324 26.4097 46.0115 26.2905 45.6318 25.9946C45.2152 25.6698 44.8926 25.0691 44.7314 24.3228C44.5722 23.5847 44.5873 22.7738 44.7773 22.1001C44.9699 21.418 45.3148 20.9563 45.748 20.769L45.7471 20.7681Z"
          stroke="#1DED83"
        />
        <path
          d="M29.0801 24.6194C29.6441 24.5978 30.1437 24.8921 30.5352 25.4387C30.9302 25.9905 31.1807 26.7618 31.2158 27.5559C31.251 28.3504 31.0688 29.1135 30.666 29.6702C30.2764 30.2085 29.6512 30.5965 28.6875 30.6204H28.5127C27.6632 30.5998 27.1941 30.2649 26.9346 29.8313C26.635 29.3307 26.5563 28.5995 26.6992 27.7893C26.8407 26.9877 27.1875 26.1805 27.6436 25.5774C28.109 24.962 28.6229 24.6384 29.0801 24.6194Z"
          stroke="#1DED83"
        />
        <path
          d="M40.9102 27.6201C40.9102 21.4201 35.8602 16.3701 29.6602 16.3701C23.4602 16.3701 18.4102 21.4201 18.4102 27.6201C18.4102 33.1801 22.4602 37.7901 27.7702 38.7001C27.7702 38.7301 27.7502 38.7601 27.7502 38.7901V50.2001C27.7502 50.8101 28.2402 51.3001 28.8502 51.3001H30.4702C31.0802 51.3001 31.5702 50.8101 31.5702 50.2001V38.7901C31.5702 38.7901 31.5502 38.7301 31.5502 38.7001C36.8502 37.7901 40.9102 33.1801 40.9102 27.6201ZM29.6602 35.7901C25.1702 35.7901 21.5302 32.1301 21.5302 27.6201C21.5302 23.1101 25.1702 19.4501 29.6602 19.4501C34.1502 19.4501 37.7902 23.1101 37.7902 27.6201C37.7902 32.1301 34.1502 35.7901 29.6602 35.7901Z"
          fill="#141616"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <mask id={maskId} fill="white">
          <path d="M19.29 41.8201C23.74 42.2501 24.65 39.4101 26.69 40.1101C26.86 40.1701 27.02 40.2801 27.13 40.4201C30.06 43.8801 26.15 50.0201 22.95 52.0601" />
        </mask>
        <path
          d="M26.69 40.1101L27.0229 39.1671L27.0146 39.1642L26.69 40.1101ZM27.13 40.4201L26.3437 41.0379L26.3551 41.0523L26.3669 41.0663L27.13 40.4201ZM19.1939 42.8155C21.6871 43.0564 23.2314 42.3666 24.374 41.741C24.9675 41.416 25.2944 41.2085 25.6416 41.0819C25.9145 40.9824 26.1145 40.9699 26.3655 41.056L27.0146 39.1642C26.2456 38.9003 25.5668 38.9803 24.9563 39.203C24.42 39.3986 23.8588 39.7429 23.4135 39.9867C22.4786 40.4986 21.343 41.0138 19.3862 40.8247L19.1939 42.8155ZM26.3572 41.0531C26.3559 41.0526 26.356 41.0526 26.3569 41.0531C26.3579 41.0535 26.3587 41.0541 26.3591 41.0543C26.3595 41.0546 26.3585 41.054 26.3562 41.0519C26.354 41.0498 26.3496 41.0453 26.3437 41.0379L27.9164 39.8023C27.6796 39.5009 27.3567 39.2849 27.0229 39.1671L26.3572 41.0531ZM26.3669 41.0663C27.4537 42.3498 27.3825 44.262 26.4286 46.3584C25.488 48.4256 23.8312 50.3124 22.4125 51.2169L23.4876 52.9033C25.2689 51.7678 27.1671 49.5646 28.249 47.1867C29.3176 44.8382 29.7363 41.9504 27.8932 39.7739L26.3669 41.0663Z"
          fill="#1DED83"
          mask={`url(#${maskId})`}
        />
        <path
          d="M103.62 39.7501L77.6201 22.3701"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M36.2305 42.6101L76.0305 23.1401L77.6205 22.3701V53.0401"
          fill="#141616"
        />
        <path
          d="M36.2305 42.6101L76.0305 23.1401L77.6205 22.3701V53.0401"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path d="M77.6203 53L77.6201 22.3701L103.499 40" fill="#141616" />
        <path
          d="M77.6203 53L77.6201 22.3701L103.499 40"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M63.2005 60.15L37.9405 43.72C37.2105 43.24 36.2305 43.77 36.2305 44.65V77.74L36.2705 78.55L62.9205 97.06L62.9405 94.96L63.2105 60.17"
          fill="#141616"
        />
        <path
          d="M63.2005 60.15L37.9405 43.72C37.2105 43.24 36.2305 43.77 36.2305 44.65V77.74L36.2705 78.55L62.9205 97.06L62.9405 94.96L63.2105 60.17"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M103.62 39.75L103.82 46.37L106.79 46.81L103.62 39.75Z"
          fill="#141616"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M62.9098 59.9301L37.0998 43.1701C36.6098 42.8501 35.9498 42.9701 35.6098 43.4501L28.3998 53.3801C28.0298 53.8901 28.1598 54.6001 28.6798 54.9501L53.4998 71.5701C53.9998 71.9101 54.6798 71.7801 55.0198 71.2801L62.9098 59.9301Z"
          fill="#141616"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M62.9102 97.05L63.1902 60.83C63.1902 60.42 63.4302 60.04 63.8002 59.85L102.02 40.56L103.62 39.75V72.13C103.62 72.52 103.42 72.88 103.08 73.08L62.9102 97.04"
          fill="#141616"
        />
        <path
          d="M62.9102 97.05L63.1902 60.83C63.1902 60.42 63.4302 60.04 63.8002 59.85L102.02 40.56L103.62 39.75V72.13C103.62 72.52 103.42 72.88 103.08 73.08L62.9102 97.04"
          stroke="#1DED83"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <defs>
        <filter
          id={filterId}
          x="0.483398"
          y="0.507812"
          width="73.0537"
          height="68.709"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feOffset />
          <feGaussianBlur stdDeviation="14.5" />
          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 0.113725 0 0 0 0 0.929412 0 0 0 0 0.513726 0 0 0 0.5 0"
          />
          <feBlend
            mode="normal"
            in2="shape"
            result="effect1_innerShadow_1261_71067"
          />
        </filter>
        <clipPath id={clipPathId}>
          <rect width="107.29" height="97.55" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}
